Kayan İşlem Düğmesi Ekleyin

Oluşturma yöntemini deneyin
Jetpack Compose, Android için önerilen kullanıcı arayüzü araç setidir. Oluşturma'da nasıl bileşen ekleyeceğinizi öğrenin.
Kayan İşlem Düğmesi → 'nı inceleyin.

Kayan işlem düğmesi (FAB), birincil işlevi tetikleyen yuvarlak bir düğmedir. işlemi nasıl yapılır? Bu sayfada, FAB'yi düzeninize nasıl ekleyeceğiniz, görünümünün bazı kısımlarını nasıl özelleştireceğiniz ve düğmeye dokunma işlemlerine nasıl yanıt vereceğiniz gösterilmektedir.

Uygulamanızda kayan işlem düğmesi tasarlama hakkında daha fazla bilgi edinmek için Materyal Tasarım Yönergeleri uyarınca Düğmeler: Kayan İşlem Düğmesi konusuna da bakın.

Şekil 1. Kayan işlem düğmesi

Kayan işlem düğmesini düzeninize ekleme

Aşağıdaki kodda, FloatingActionButton öğesinin düzen dosyanızda nasıl görünmesi gerektiği gösterilmektedir: 

<com.google.android.material.floatingactionbutton.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="end|bottom"
        android:src="@drawable/ic_my_icon"
        android:contentDescription="@string/submit"
        android:layout_margin="16dp" />

Varsayılan olarak, FAB colorAccent özelliğiyle renklendirilir. kendiniz özelleştirebileceğiniz kullanın.

Diğer FAB özelliklerini XML kullanarak yapılandırabilirsiniz. özellikleri veya aşağıdakiler gibi karşılık gelen yöntemleri kullanabilirsiniz:

  • app:fabSize özelliğini veya setSize() yöntemini kullanarak FAB'ın boyutu.
  • app:rippleColor özelliğini veya setRippleColor() yöntemini kullanarak FAB'ın dalgalanma rengi.
  • android:src özelliğini veya setImageDrawable() yöntemini kullanarak FAB simgesi.

Düğmeye dokunmalara yanıt verme

Ardından FAB dokunuşlarını işlemek için bir View.OnClickListener uygulayabilirsiniz. Örneğin, aşağıdaki kodda kullanıcı FAB'a dokunduğunda Snackbar gösterilir:

Kotlin

val fab: View = findViewById(R.id.fab)
fab.setOnClickListener { view ->
    Snackbar.make(view, "Here's a Snackbar", Snackbar.LENGTH_LONG)
            .setAction("Action", null)
            .show()
}

Java

FloatingActionButton fab = findViewById(R.id.fab);
fab.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View view) {
        Snackbar.make(view, "Here's a Snackbar", Snackbar.LENGTH_LONG)
                .setAction("Action", null).show();
    }
});

FAB'nin özellikleri hakkında daha fazla bilgi için şu API referansına bakın: FloatingActionButton.